<template>
    <div class="top">
        <div class="top-title">Tonakyo Music</div>
        <div class="demo-avatar information">
            <Avatar src="https://i.loli.net/2017/08/21/599a521472424.jpg"/>
            <span style="margin-left: 20px;">Tonakyo</span>
        </div>
    </div>
</template>

<script>
// import eventBus from '@/utils/bus'
export default {
    props:{
        songmid:{
            type:String
        }
    },
    data() {
        return {
           
        }
    },
    methods: {
       
    },
    mounted() {

    },
    created() {
       
    },
    // watch:{
    //     serchValue(value){
    //         console.log(value,999);
    //         if (this.serchValue == '' || this.serchValue == undefined) return
    //         eventBus.$emit('sendSerchValue',value)
    //     }
    // }
}
</script>

<style scoped>
.top{
    display: flex;
    justify-content: space-between;
}
.top-title{
    flex: 1;
    /* justify-content: center; */
    /* align-items: center; */
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}
.information{
    cursor: pointer;
}
.list-item{
    height: 20px;
}
.ivu-list-header{
    height: 30px;
}
li{
    list-style:none;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
}
li:hover{
    color: rgb(93, 142, 187);
}
</style>